@font-face {
    font-family: "xfont";
    src: url('../font/iconfont.eot');
    /* IE9*/
    src: url('../font/iconfont.eot#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../font/iconfont.woff') format('woff'),
        /* chrome, firefox */
        url('../font/iconfont.ttf') format('truetype'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
        url('../font/iconfont.svg#xfont') format('svg');
    /* iOS 4.1- */
}
.nownone{
	display:none;
}

body{margin:0;padding:0;font-family:'微软雅黑' ;font-size:14px;width:100%}
input,select,textarea,button{vertical-align:middle;outline:0}
h1,h2,h3,h4,h5,h6{font-weight:400}
img{border:0;vertical-align:middle}
dl,dt,li,ol,ul{list-style:none}
a{text-decoration:none;outline:0;color:#333}
*{padding:0;margin:0}
.clear{clear:both}
.clearfix:after,.clearfix:before{display:table;content:""}
.clearfix:after{clear:both}
.text{text-align:center}
.fl{float:left}
.fr{float:right}
.hide{display:none}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9e9e9e}
input:-moz-placeholder,textarea:-moz-placeholder{color:#9e9e9e}
input::-moz-placeholder,textarea:-moz-placeholder{color:#9e9e9e}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9e9e9e}
.wrap{width: 1200px;margin:0 auto;}
.tabbox{display:table-cell;vertical-align:middle}
a,a:hover,a:active,a:visited,a:link,a:focus,span,div{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}
img{object-fit:cover;height:auto}


@font-face {
    font-family: 'Light';
    src:url('../font/SourceHanSansCN-Light.ttf');
}
@font-face {
    font-family: 'Bold';
    src:url('http://ces.vip.shixun.co/lakala/font/SourceHanSansCN-Bold.otf');
}
@font-face {
    font-family: 'Medium';
    src:url('http://ces.vip.shixun.co/lakala/font/SourceHanSansCN-Medium.otf');
}
@font-face {
    font-family: 'Regular';
    src:url('../font/SourceHanSansCN-Regular.ttf');
}

@font-face {
    font-family: 'Normal';
    src:url('../font/SourceHanSansCN-Normal.ttf');
}




/*moblie-nav*/
.top-left{ position:fixed;top:44px; z-index:130;display: none;width:23px; height:15px; right:2em;}
.top-left::before,
.top-left::after,
.top-left span{ position:absolute; width:100%; height:3px; border-radius:3px; background:#3eade3; }
.top-left::before,
.top-left::after{ content:'';transition:transform 0.2s;}
.top-left span{ top:50%; margin-top:-1.5px;}
.top-left::before{ top:0;}
.top-left::after{ bottom:0;}
.top-menu{ position:fixed; height:100%; overflow-y:auto; width:100%;left:0; top:0;background:rgba(0,0,0,0.9); padding:21% 20px 0 0; transform:translateY(-100%); opacity:0; transition:0.2s; z-index:-1;}
.top-menu ul{ position:relative; width:100%;}
.top-menu li a{ display:block; line-height:30px; }
.top-menu li > a{ position:relative; border-bottom:1px solid #222; font-size:16px; color:#fff; line-height:3; padding:0 41px 0 25px;text-transform: capitalize;}
.top-menu li.on > a{ background-color:#222;}
.top-menu li.on > a::after{ position:absolute; content:''; width:10px; height:10px; border-right:2px solid #fff; border-top:2px solid #fff; transform:rotate(135deg); right:25px; top:50%; margin-top:-7px;}
.top-menu li dl{ position: relative;left: 0; width:100%; top:0; display:none; transition:transform 0.3s; }
.top-menu li dl.dl-show{}
.top-menu li dl dt a{color:#aaa; font-size:14px; line-height:2.5;padding: 0 41px 0 40px;}
.Top-open.top-menu{ opacity:1; transform:translateY(0); z-index:100;}
.Top-open.top-left{ position:fixed; margin-top:0; top:25px; z-index:130;}
.Top-open.top-left span{ opacity:0;}
.Top-open.top-left::before,
.Top-open.top-left::after{ top:50%;}
.Top-open.top-left::before{ transform:rotate(45deg);background: #3eade3;}
.Top-open.top-left::after{transform:rotate(-45deg);background: #3eade3;}
/*moblie-nav end*/
.sou-btn{position: fixed;right: 5em;top: 24px;z-index:150;display: none}


/*header css*/
header{position: relative;left: 0;top:0;width: 100%;transition:.5s;background: #fff;z-index: 99;}
header .wrap{position: relative;}
header .logo{line-height:86px;transition:.5s;padding-top: 0;}
header .logo a{display: block;}
header .logo img{max-height: 90%;transition:.5s;}
header .headR{width: 73%;height:86px;transition:.5s;}
header .nav{width:88%;}
header .nav ul{display: flex;flex: 0 0 100%;justify-content: space-between;}
header .nav li{line-height:86px;position: relative;transition:.5s;text-align: center;float: left;}
header .nav li a{font-size:16px;color: #333333;position: relative;font-family: 'Normal';display: block;}
header .nav li:hover a,header .nav li.on a,header .nav li:hover a b,header .nav li.on a b{color: #00b0ec;}
header .nav li b{font-size:16px;color: #333333;font-family:monospace;margin-left: 5px;transform:rotate(90deg);position: absolute;}
header .nav li .submenu{left:-60px;position: absolute;top: 100%;z-index: 10;display: none;width:190px;background:#fff;padding:20px 0;}
header .nav li .submenu ul{border-radius: 0;display: block;}
header .nav li .submenu a {color: #69696a;display: block;font-size: 14px;padding: 0;font-family: 'Normal';overflow: hidden;text-overflow:ellipsis;white-space:nowrap;background: none;padding-right: 0;font-weight: normal;transition:.5s;}
header .nav li .submenu li{margin: 0;float: none;line-height:37px;width: 100%;}
header .nav li .submenu li a:before{display: none}
header .nav li .submenu li:hover a{background: #00b0ec;color: #fff;}
header .search{width: 59px;height: 100%;background: url(../image/search.png) no-repeat center;cursor: pointer;}
.search-box{position: absolute;right:0;top:100%;padding: 1em 1em;background: rgba(0,0,0,.5);display: none}
.search-box input{width: 233px;border:none;height: 45px;float: left;padding: 0 15px;font-size: 14px;color: #333;}
.search-box button{width: 70px;border:none;height: 45px;background:#00b0ec;float: right;font-size: 14px;color: #fff;cursor: pointer;}
header.fixed{position: fixed;box-shadow: 0px 0px 7px 2px rgba(0,0,0,.3);}
header.fixed .logo{line-height: 63px;padding-top: 15px;}
header.fixed .headR{height: 63px;}
header.fixed .nav li{line-height: 63px;}



/*comm css*/
.nybanner{position: relative;width: 100%;margin: 0 auto}
.nybanner img{display: block;width: 100%;min-height: 304px;}
footer{background:#efefef;padding:45px 0;}
.foot-t{}
.foot-t .L{width: 707px;}
.foot-t .L .name{width: 378px;}
.foot-t .L .name img{margin-bottom: 30px;}
.foot-t .L .name p{font-size: 14px;font-family: 'Light';color: #5e5e5e;line-height: 30px;}
.foot-t .L .name dl{margin-top: 19px;line-height: 32px;font-family: 'Light';color: #5e5e5e;padding-left: 29px;background: url(../image/a2_58.png) no-repeat 0px 6px;}
.foot-t .L .name dl strong{color: #00b0ec;font-size: 24px;font-family: 'Bold';}
.foot-t .L .link{position: relative;margin-top: 60px;}
.foot-t .L .link:before{content: '';position: absolute;left:-28px;top:0;width: 1px;height: 100%;background: #d2d2d2}
.foot-t .L .link a{font-size: 14px;font-family: 'Light';color: #5e5e5e;line-height: 30px;margin-bottom: 28px;display: block;}
.foot-t .L .link a:last-child{margin-bottom: 0}
.foot-t .L .link a:hover{color: #0ab6ef;text-decoration: underline;}
.foot-t .L .link .item{width: 76px;float: left;margin-right: 20px;}
.foot-t .R{width: 442px;margin-top: 60px;}
.foot-t .R .share{width: 50%;text-align: center;margin-top: 12px;}
.foot-t .R .share h4{font-family: 'Light';color: #898989;font-size: 16px;}
.foot-t .R .share select{width: 96%;height: 36px;border:1px #7d7d7d solid;background: none;color: #7c7c7c;padding:0 2%;}
.foot-t .R .share dl {margin: 28px 0}
.foot-t .R .share dl a{width: 37px;height: 37px;border-radius: 37px;background: #9d9d9d;display: inline-block;position:relative;line-height: 37px;margin: 0 8px;transition: .5s;}
.foot-t .R .share dl a span{position: absolute;left: -36px;bottom: 60px;transition: .5s;opacity: 0;}
.foot-t .R .share dl a span img{width: 110px;height: 110px;}
.foot-t .R .share dl a:hover span{opacity: 1;bottom: 45px;}
.foot-t .R .share dl a:hover{background: #0ab6ef}
.foot-t .R .ewm{width: 122px;text-align: center;}
.foot-t .R .ewm img{width: 100%;margin-bottom: 18px;display: block;}
.foot-t .R .ewm p{font-size: 16px;font-family: 'Light';color: #575757;}
.foot-b{margin-top: 56px;font-size: 14px;font-family: 'Light';color: #929292;}
.foot-b a{color: #929292;}
.foot-b img{margin-right: 5px;}









/*home*/
.banner{position: relative;}
.banner li img{width: 100%;}
.banner-pag{bottom: 26px !important;}
.banner .swiper-pagination-bullet,.banner2 .swiper-pagination-bullet{width:11px !important;height:11px !important;opacity: 1 !important;background: #ffffff;border-radius: 11px;}
.banner .swiper-pagination-bullet-active,.banner2 .swiper-pagination-bullet-active{width: 29px !important;}

.applyFor{margin: 50px 0}
.applyFor-t{border-bottom: 1px #eeeeee solid;padding-bottom: 20px;position: relative;}
.applyFor-t h4{font-size: 28px;font-family: 'Bold';color: #353736;}
.applyFor-t p{font-size: 16px;font-family: 'Light';color: #676767;}
.applyFor-t a{font-size: 16px;font-family: 'Light';color: #2c97ff;width: 142px;height: 46px;line-height: 46px;border-radius: 46px;display: inline-block;border:1px #2c97ff solid;position: absolute;right: 0;top:14px;text-align: center;overflow: hidden}
.applyFor-t a:after, .applyFor-t a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    content: '';
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity .15s cubic-bezier(.02, .01, .47, 1), -webkit-transform .15s cubic-bezier(.02, .01, .47, 1);
    transition: opacity .15s cubic-bezier(.02, .01, .47, 1), -webkit-transform .15s cubic-bezier(.02, .01, .47, 1);
    transition: transform .15s cubic-bezier(.02, .01, .47, 1), opacity .15s cubic-bezier(.02, .01, .47, 1);
    transition: transform .15s cubic-bezier(.02, .01, .47, 1), opacity .15s cubic-bezier(.02, .01, .47, 1), -webkit-transform .15s cubic-bezier(.02, .01, .47, 1);
}
.applyFor-t a:before {
    background: #d6e3ff;
    -webkit-transform: translate3d(-110%, -10%, 0) skewX(-20deg);
    transform: translate3d(-110%, -10%, 0) skewX(-20deg);
}
.applyFor-t a:before {background: #006de3;}
.applyFor-t a:after {
    background: rgba(214, 227, 255, .7);
    -webkit-transform: translate3d(110%, -10%, 0) skewX(-20deg);
    transform: translate3d(110%, -10%, 0) skewX(-20deg);
}
.applyFor-t a:after {background: #1d89ff;}
.applyFor-t a:focus:after,.applyFor-t a:focus:before,.applyFor-t a:hover:after,.applyFor-t a:hover:before {
    opacity: 1;
    -webkit-transition: opacity .25s cubic-bezier(.02, .01, .47, 1), -webkit-transform .25s cubic-bezier(.02, .01, .47, 1);
    transition: opacity .25s cubic-bezier(.02, .01, .47, 1), -webkit-transform .25s cubic-bezier(.02, .01, .47, 1);
    transition: transform .25s cubic-bezier(.02, .01, .47, 1), opacity .25s cubic-bezier(.02, .01, .47, 1);
    transition: transform .25s cubic-bezier(.02, .01, .47, 1), opacity .25s cubic-bezier(.02, .01, .47, 1), -webkit-transform .25s cubic-bezier(.02, .01, .47, 1);
}
.applyFor-t a:focus:after,.applyFor-t a:hover:after {
    -webkit-transform: translate3d(50%, -10%, 0) skewX(-20deg);
    transform: translate3d(50%, -10%, 0) skewX(-20deg);
}
.applyFor-t a:focus:before,.applyFor-t a:hover:before {
    -webkit-transform: translate3d(-50%, -10%, 0) skewX(-20deg);
    transform: translate3d(-50%, -10%, 0) skewX(-20deg);
}
.applyFor-t a:hover{color:#fff;}

.applyFor-b{margin-top: 63px;display: flex;flex: 0 0 100%;justify-content: space-between;}
.applyFor-b a{text-align: center;}
.applyFor-b a span{display: inline-block;position: relative;margin-bottom: 23px;width: 139px;}
.applyFor-b a span dl{width: 100%;height: 100%;border-radius: 139px;height: 139px;line-height:139px;z-index: 5;position: relative;border:2px #00b9f1 solid;}
.applyFor-b a span img{position: relative;}
.applyFor-b a p{font-size: 20px;font-family: 'Normal';color: #333;}
.applyFor-b a span:before{content: '';position: absolute;right:-8px;top:0;width: 100%;height: 100%;background: #d5ecf4;border-radius: 139px;z-index: 1;transition:.5s;}
.applyFor-b a:hover p{color: #00b9f1}

.PPmerit{padding:67px 0 53px;background: #f0f7fc}
.w1552{width: 1552px;margin: 0 auto;}
.Hhead{text-align: center;}
.Hhead h4{font-size: 30px;font-family: 'Regular';color: #333333;}
.Hhead b{display:block;height: 18px;background: url(../image/a2_26.png) no-repeat center;margin-top: 5px;}
.PPmerit .main{margin-top: 42px;}
.PPmerit .main ul{/*display: flex;flex: 0 0 100%;justify-content: space-between;*/}
.PPmerit .main li{/*width: 358px;*/text-align: center;}
.PPmerit .main li .pic{height: 239px;display: block;margin-bottom: 43px;position: relative;}
.PPmerit .main li span{overflow: hidden;width: 100%;height: 100%;border-radius: 6px;display: block;}
.PPmerit .main li span img{width: 100%;height: 100%;transition:.5s;}
.PPmerit .main li .pic:before{content: '';position: absolute;left:0px;bottom:-14px;width: 100%;height: 14px;background:url(../image/bg1_03.png) no-repeat top center;}
.PPmerit .main li h4{color: #333333;font-size: 24px;font-family: 'Light';margin-bottom: 10px;transition:.5s;}
.PPmerit .main li p{color: #888888;font-family: 'Light';}
.PPmerit .main li:hover span img{transition:.5s;transform:scale(1.1);}
.PPmerit .main li:hover h4{color: #00b0ec}
.PPmerit-pag{bottom: 1em !important;display: none}
.PPmerit-pag .swiper-pagination-bullet{}


.CPmerit{padding:58px 0;}
.CPmerit .main{margin-top: 50px;}
.CPmerit .main ul{margin-right: -2%;}
.CPmerit .main li{float: left;text-align: center;width: 23%;margin: 0 2% 0 0;border-radius: 6px;transition:.5s;}
.CPmerit .main li a{display: block;padding:33px 33px;}
.CPmerit .main li span{display: block;height: 85px;line-height: 85px;margin-bottom: 22px;}
.CPmerit .main li span img{max-height: 95%}
.CPmerit .main li h4{color: #333333;font-size: 20px;font-family: 'Regular';margin-bottom: 23px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.CPmerit .main li p{color: #949494;line-height: 24px;font-family: 'Light';height: 48px;overflow:hidden;}
.CPmerit .main li:hover{box-shadow: 0px 0px 10px 5px rgba(235,245,253,.8)}


.other{margin: 62px 0 75px;}
.other .w1552{display: flex;flex: 0 0 100%;justify-content: space-between;}
.other-t{color: #5b5b5b;font-family: 'Light';font-size: 18px;padding-bottom: 12px;position: relative;margin-bottom: 27px;}
.other-t:before{content:'';position: absolute;left: 0;bottom: 0;width: 95px;height: 4px;background: #00b0ec}
.other-t a{float: right;color: #323232;font-size: 14px;margin-top: 5px;}
.other-t a span{display: inline-block;width: 15px;height: 15px;line-height: 15px;border:1px #a0a0a0 solid;border-radius: 5px;text-align: center;color: #a0a0a0;margin-left: 5px;transition:.5s;}
.other-t a:hover{color: #00b0ec;}
.other-t a:hover span{background: #00b0ec;color: #fff;border-color: #00b0ec;}
.other .gywm{width: 467px;}
.other .gywm .main{}
.other .gywm .main p{color: #737373;font-family: 'Light';line-height: 24px;}
.other .gywm .main img{max-width: 100%;}
.other .cjwt{width: 483px;}
.other .cjwt .main{}
.other .cjwt .main li{line-height: 36px;transition:.5s;}
.other .cjwt .main li a{color: #666666;font-family: 'Light';display: block;padding:0 8px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.other .cjwt .main li:hover{background: #66d0f4}
.other .cjwt .main li:hover a{color: #fff;}
.other .czzn{width: 455px;}
.other .czzn .main li{line-height: 36px;transition:.5s;}
.other .czzn .main li a{color: #666666;font-family: 'Light';display: block;padding:0 8px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.other .czzn .main li:hover{background: #66d0f4}
.other .czzn .main li:hover a{color: #fff;}



/*APP下载*/
.nybox{background: #f9f9f9;overflow: hidden;}
.download{margin: 125px 0}
.download ul{margin-right: -3%}
.download li{float: left;height: 250px;width: 24.33%;margin: 0 3% 3% 0;background: #fff;padding:0 36px;overflow: hidden;transition:.5s;}
.download li span{text-align: center;display: block;height: 75px;line-height: 75px;margin-bottom: 5px;margin-top: 5px;}
.download li span img{max-height: 95%}
.download li h4{text-align: center;font-size: 24px;color: #333333;font-family: 'Medium';margin-bottom: 15px;}
.download li p{color: #737373;font-family: 'Light';line-height: 24px;height: 72px;overflow: hidden}
.download li a{text-align: center;display: block;color: #00b0ec;margin-top: 10px;transition:.5s;position: relative;top: 50px;opacity: 0}
.download li:hover a{top:0;opacity: 1}
.download li:hover{box-shadow: 0px 0px 10px 4px rgba(240,239,239,.8)}


/*下载详情页*/
.download-min{margin: 50px 0}
.download-min h3{color: #00ccff;font-family: 'Medium';font-size: 24px;margin-bottom: 10px;}
.download-min p{font-size: 14px;color: #333;line-height: 28px;font-family: 'Light';}
.download-min .btn{display: flex;flex: 0 0 100%;justify-content: space-between;margin: 30px 0}
.download-min .btn .item{width: 48%;text-align: center;}
.download-min .btn .item h5{color: #333;font-family: 'Medium';font-size: 20px;}
.download-min .btn .item h6{color: #333;font-family: 'Light';font-size: 20px;}
.download-min .btn .item dl{font-size: 14px;color: #333;line-height: 28px;font-family: 'Light';}
.download-min .btn .item a{text-align: center;}


/*产品中心*/
.w1397{width: 1397px;margin: 0 auto}
.pag{text-align: center;display:table;word-spacing:-1em;width: 100%;}
.pag a{display: inline-block;height: 40px;line-height: 40px;padding:0 16px;color: #686868;font-size: 12px;background: #fff;transition:.5s;}
.pag a:hover,.pag a.active{background: #0ab6ef;color: #fff;}
.pag a.next{font-family: cursive;position: relative;top:-1px;}
.product{margin: 97px 0}
.product ul{margin-right: -3%;margin-bottom: 42px;}
.product li{float: left;width: 30%;margin: 0 3% 3% 0;border:1px #eeeeee solid;}
.product li .pic{height:249px;overflow: hidden;}
.product li .pic img{width: 100%;height: 100%;transition:.5s;}
.product li .txt{padding:32px 26px 22px;background: #fff;border-top:1px #eeeeee solid;}
.product li .txt h4{color: #393941;font-family: 'Light';font-size: 18px;margin-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.product li .txt p{color: #9b9b9b;font-family: 'Light';font-size: 14px;line-height: 24px;height: 48px;overflow: hidden;}
.product li .txt a{width: 125px;height: 36px;line-height: 36px;display: inline-block;border:1px #e4e4e4 solid;background: #f9f9f9;color: #333;text-align: center;margin-top: 15px;transition:.5s;}
.product li:hover .pic img{transform:scale(1.1);}
.product li:hover .txt a{}


/*产品中心详情*/
.cpmin-t{background: #f9f9f9;padding:32px 0 84px;}
.crumbs{color: #919191;font-family: 'Light';font-size: 14px;margin-bottom: 55px;}
.crumbs a{color: #919191;}
.cpmin-t .pic{width: 581px;position: relative;}
.cpmin-t .txt{width: 550px;}
.cpmin-t .txt h4{color: #333333;font-family: 'Regular';font-size: 30px;margin-bottom: 35px;}
.cpmin-t .txt p{color: #767676;font-family: 'Light';font-size: 16px;line-height: 24px;margin-bottom: 16px;}
.cpmin-sw{width: 445px;height: 335px;}
.cpmin-sw li img{width: 100%;height: 100%;}
.cpmin-l,.cpmin-r{position: absolute;margin-top:0;z-index: 10;width:34px !important;height: 60px !important;opacity:1;cursor: pointer;font-family: cursive;font-size: 78px;line-height: 60px;text-align: center;color: #e9e9e9}
.cpmin-l {background:none !important;left: -0px !important;}
.cpmin-r {background: none !important;right: -0px !important;}
.cpmin-l:hover,.cpmin-r:hover{color: #0ab6ef}

.cpmin-b{margin-top: 12px;}
.cpmin-b .menu{border-bottom: 1px #eeeeee solid;}
.cpmin-b .menu a{padding:0 10px;margin-right: 74px;color: #333333;font-family: 'Regular';font-size:20px;position: relative;line-height: 74px;display: inline-block;}
.cpmin-b .menu a:before{content: '';position: absolute;left:0px;bottom:0;width: 0%;height:3px;background:#00b0ec;}
.cpmin-b .menu a.active:before{width: 100%;}
.cpmin-b .main{margin: }
.cpmin-b .main .item{margin: 72px 103px 100px 0px;}
.cpmin-b .main .item h4{color: #00b0ec;font-family: 'Bold';font-size:18px;margin-bottom: 10px;}
.cpmin-b .main .item p{font-size: 16px;margin-bottom: 12px;text-align: justify;line-height: 28px;color: #636363;}
.cpmin-b .main .item img{max-width: 100%;height:auto}


/*关于我们*/
.about-t{padding:76px 0;background: #fff;}
.about-t .pic{width: 475px;}
.about-t .pic img{width: 100%;}
.about-t .txt{width: 636px;}
.about-t .txt h5{color: #0a7dbf;font-family: 'Light';font-size:12px;margin-bottom: 10px;}
.about-t .txt h4{color: #434343;font-family: 'Regular';font-size:30px;margin-bottom:20px;line-height: 35px;}
.about-t .txt p{font-size: 16px;text-align: justify;line-height: 30px;color: #595959;font-family: 'Light';}
.about-c{margin-top: 98px;}
.about-c .wrap{display: flex;flex: 0 0 100%;justify-content: space-between;}
.about-c .item{width: 370px;height: 268px;position: relative;overflow: hidden;}
.about-c .item .img{width: 100%;height: 100%;transition:.5s;}
.about-c .item:hover .img{transform:scale(1.1);transition:.5s;}
.about-c .item .bg{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,.5)}
.about-c .item h4{text-align:center;color: #fff;font-family: 'Regular';font-size:24px;margin-bottom: 22px;}
.about-c .item h4 img{margin-right: 16px;}
.about-c .item p{color: #f5f5f5;font-family: 'Normal';font-size:14px;line-height: 30px;}
.about-c .item .padd{padding:31px 57px 0 57px;}
.about-b{margin-top: 85px;margin-bottom: 50px;}
.about-b .top{text-align: center;font-size: 30px;color: #515151;font-family: 'Normal';position: relative;}
.about-b .top:before{content: '';position: absolute;left:0px;top:50%;width: 40%;height:1px;background:#ededed;}
.about-b .top:after{content: '';position: absolute;right:0px;top:50%;width: 40%;height:1px;background:#ededed;}
.about-b .list{margin-top: 48px;}
.about-b .list li{float: left;width: 19%;margin: 0 1% 1% 0;height: 69px;line-height: 69px;background: #fff;text-align: center;transition:.5s;}
.about-b .list li a{display: block;height: 100%;}
.about-b .list li img{max-width: 90%;max-height: 90%}
.about-b .list li:hover{box-shadow: 0px 0px 10px 3px rgba(157,157,157,.3)}



/*在线申请*/
.onLine{padding:130px 0 89px;background: url(../image/bg1_02.jpg) no-repeat center;}
.w718{width: 718px;margin: 0 auto;}
.onLine .w718{background: #fff;box-shadow: 0px 0px 10px 3px rgba(235,234,235,.5);border-radius: 6px;}
.onLine .padd{padding:47px 68px 37px;}
.onLine h4{text-align: center;font-size:26px;color: #333333;font-family: 'Bold';}
.onLine ul{margin-top: 27px;}
.onLine li{margin-bottom: 12px;border:1px #dcdcdc solid;padding:0 2%;overflow: hidden;}
.onLine li input{height: 46px;border:none;width: 92%;float: right;color: #333;font-family: 'Light';font-size:14px;}
.onLine li textarea{height:104px;border:none;width: 100%;color: #333;font-family: 'Light';font-size:14px;padding:12px 0;resize:none;}
.onLine li span{width: 30px;float: left;line-height: 46px;position: relative;}
.onLine li span:before{content: '';position: absolute;right:0px;top:25%;width: 1px;height:50%;background:#dcdcdc;}
.onLine button{width: 90%;margin: 29px auto 0;height: 53px;border-radius: 53px;background: #00b0ec;cursor: pointer;color: #fff;border:none;font-size: 18px;font-family: 'Normal';display: block;}


/*招商政策*/
.cpys{padding:99px 0 74px;}
.cpys .list{margin-top: 30px;}
.cpys .list ul{margin-right: -2%}
.cpys .list li{float:left;width: 31.33%;margin: 0 2% 2% 0;background: #fff;box-shadow: 0px 0px 10px 7px rgba(238,246,253,.7);height: 179px;border-radius: 6px;display: table;position: relative;transition:.5s;top:0;}
.cpys .list li a{color: #565656;border:none;font-size: 18px;font-family: 'Light';padding:0 16px 0 150px;line-height: 36px;}
.cpys .list li img{position: absolute;left:60px;top:50%;
    -moz-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%); 
}
.cpys .list li:hover{top:-15px;box-shadow: 0px 0px 10px 7px rgba(238,246,253,1);}
.ppys{padding:32px 0 48px;background: url(../image/a6_04.jpg) no-repeat center;}
.ppys .main{margin: 50px auto 0;width: 996px;height: 342px;background: url(../image/b1_03.png) no-repeat center;display: flex;flex: 0 0 100%;justify-content: space-between;}
.ppys .main li{width: 100%;color: #464646;font-size: 18px;font-family: 'Regular';border-bottom: 3px #7ecef4 solid;padding-bottom: 18px;margin-bottom: 32px;height: 51px;position: relative;display: table}
.ppys .main li b{display: none}
.ppys .main ul{width: 31%;margin-top: 17px;}
.ppys .main ul.L{text-align: right;}
.ppys .main ul.L li:nth-child(2){right: 34px;}
.ppys .main ul.R li:nth-child(2){left: 34px;}
.zszc{margin: 57px 0}
.zszc .main{margin-top: 75px;padding:0 134px;}
.zszc .main h4{font-size: 18px;font-family: 'Medium';color: #0ab6ef;}
.zszc .main p{font-size: 14px;font-family: 'Light';color: #727472;line-height: 24px;margin-bottom: 5px;}



/*技术支持*/
.skill{margin: 47px 0}
.skill-menu{display: flex;flex: 0 0 100%;justify-content: space-between;padding:0 50px;}
.skill-menu a{width: 309px;text-align: center;padding:9px 0 27px;position: relative;}
.skill-menu a:before{content: '';position: absolute;left:0px;bottom:-22px;width: 100%;height:0px;background:url(../image/tb6.png) no-repeat bottom center;}
.skill-menu a.active{background: #00b0ec}
.skill-menu a.active *{color: #fff;}
.skill-menu a.active:before{height:22px;}
.skill-menu a span{height: 51px;line-height: 51px;display: block;margin-bottom: 13px;}
.skill-menu a span .img2{display: none}
.skill-menu a.active span .img1{display: none}
.skill-menu a.active span .img2{display: initial}
.skill-menu a h4{font-size: 24px;font-family: 'Bold';color: #333333;}
.skill-menu a p{font-size: 12px;font-family: 'Normal';color: #adadad;text-transform: uppercase;}
.skill-list{margin-top: 46px;}
.skill-list ul{margin-bottom: 38px;}
.skill-list li{margin-bottom:33px;background: #fff;transition:.5s; }
.skill-list li a{display: block;padding:31px 31px;overflow: hidden;}
.skill-list li .pic{width: 357px;overflow: hidden;}
.skill-list li .pic img{width: 100%;transition:.5s;}
.skill-list li .txt{width: 713px;margin-right: 26px;}
.skill-list li .txt .date{margin-bottom: 17px;margin-top: 26px;}
.skill-list li .txt .date h3{font-size: 30px;font-family: 'Bold';color: #aaaaaa;line-height: 35px;}
.skill-list li .txt .date dl{font-size: 14px;font-family: 'Light';color: #9b9b9b;}
.skill-list li .txt h4{font-size: 20px;font-family: 'Regular';color: #333333;margin-bottom: 8px;}
.skill-list li .txt p{font-size: 14px;font-family: 'Light';color: #9f9f9f;line-height: 24px;}
.skill-list li .txt span{text-transform: uppercase;color: #919191;font-size: 18px;font-family: 'Light';padding-bottom: 8px;border-bottom: 1px #d2d2d2 solid;margin-top: 31px;display: inline-block;float: right;}
.skill-list li:hover .pic img{transform:scale(1.1);transition:.5s;}
.skill-list li:hover{box-shadow: 0px 0px 10px 7px rgba(239,238,238,1);}
.skill-list li:hover .date h3,.skill-list li:hover .txt h4{color: #00b0ec}
.skill-list li:hover .txt span{color: #00b0ec;border-color: #00b0ec}
.skill .wrap{position: relative;}

.sqbox{/*position: absolute;right: -312px;top:199px;*/width: 292px;background: #fff;border-radius: 6px;position: fixed;right: 4%;top:30%;box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 3);display: none;z-index: 10}
.sqbox .close{position: absolute;right: 1em;top:1em;cursor: pointer;font-family: -webkit-pictograph;background: #eee;padding: 5px;line-height: 12px;transition:.5s;}
.sqbox .close:hover{color: #fff;background: #26c7f9}
.sqbox .padd{padding:19px 13px;width:500px;float:right}
.sqbox h4{text-align: center;font-size:26px;color: #333333;font-family: 'Bold';}
.sqbox ul{margin-top: 18px;margin-bottom: 0}
.sqbox li{margin-bottom: 12px;border:1px #dcdcdc solid;padding:0 2%;overflow: hidden;}
.sqbox li input{height: 46px;border:none;width: 84%;float: right;color: #333;font-family: 'Light';font-size:14px;}
.sqbox li textarea{height:80px;border:none;width: 100%;color: #333;font-family: 'Light';font-size:14px;padding:12px 0;resize:none;}
.sqbox li span{width: 30px;float: left;line-height: 46px;position: relative;}
.sqbox li span:before{content: '';position: absolute;right:0px;top:25%;width: 1px;height:50%;background:#dcdcdc;}
.sqbox button{width: 90%;margin: 0 auto 0;height:47px;border-radius: 47px;background: #00b0ec;cursor: pointer;color: #fff;border:none;font-size: 18px;font-family: 'Normal';display: block;}

.floating{position: fixed;right: 3px;top:35%;z-index: 10}
.floating a{width: 74px;height: 74px;border-radius: 4px;background: #26c7f9;margin-bottom: 4px;display: table;text-align: center;}
.floating a p{font-size: 10px;color: #fff;margin-top: 5px;}
.floating a.return{background: #d2d3d6;display: none}
.floating a:hover{background: #19a5d4}

.div-float {display: none;width: 223px;background: #fff;position: absolute;right: 67px;min-height: 90px;border: 1px solid #e0e1e5;border-radius: 3px;box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.div-float .inner-box{padding: 8px 22px 12px;}
.div-float .inner-box .padd {padding: 15px 0;}
.div-float .inner-box a{width: 100%;height: auto;background: none}
.div-float {top: 69px;}
.div-float.div-phone {top: 134px;}
.div-float.div-wechat {top: 166px;width: 140px;text-align: center;}
.div-float .inner-box .L{width: 44px;height: 44px;border-radius: 44px;background: #f1f1f3;text-align: center;line-height: 44px;}
.div-float .inner-box .R{width: 122px;line-height: 44px;margin-left: 10px;}
.div-float .inner-box .R p{line-height: 22px;}
.qrcode-img{width: 120px;}
.div-float.div-wechat p{font-size: 14px;color: #888;}
.div-float.div-wechat .inner-box{padding:10px 10px 5px 10px;}


/*新闻详情*/
.new-min{margin: 40px 0 80px}
.new-min .wrap{position: relative;}
.post-wrap.blog-single{width:68.75%;float:left;padding-right: 5%;min-height:1020px;}
.post-wrap.blog-single h1{margin-bottom:20px;color:#333;font-size:30px}
.post-wrap.blog-single .main-single .content-post .post-meta{display:flex;margin-bottom:20px;border-bottom:1px solid #ededed;padding-bottom:10px}
.post-wrap.blog-single .main-single .content-post .post-meta ul li{display:inline-block;margin-right:20px;color:#929292}
.post-wrap.blog-single .main-single .content-post .post-meta ul li a{font-size:14px;color:#929292}
.focux-content h1,.focux-content h2,.focux-content h3,.focux-content h4,.focux-content h5,.focux-content h6{font-weight:700;color:#333;margin-bottom:10px}
.focux-content h3{font-size:18px}
.post-wrap.blog-single .main-single .content-post .post-content p{font-size:16px;margin-bottom:12px;text-align:justify;line-height:28px}
.focux-content p{font-size:16px;line-height:26px;font-weight:400;margin-bottom:20px;text-align:justify}
.post-wrap.blog-single .main-single .share{padding-bottom:20px;border-bottom:1px solid #ededed;margin-bottom:20px;color:#929292}
.post-navigation .post-navigation-left{text-align:left}
.post-navigation .post-navigation-right{text-align:right}
.post-navigation-left{width: 46%;padding:0 2%;}
.post-navigation-right{width: 46%;padding:0 2%;}
.post-navigation a:hover{color: #00b0ec;text-decoration: underline;}

.sidebar{width:26.25%;float:right;}
.sidebar .widget-item{border:1px solid #eee;margin-bottom:30px;background: #fff;}
.sidebar .widget-item h3{font-size:16px;color:#333;font-weight:700;padding:20px;background:#f7f7f7}
.sidebar .widget-item .widget-content{padding:20px}
.widget-recent-news .widget-content ul li{margin-bottom:20px}
.widget-recent-news .widget-content ul .thumb-new{float:left;margin-right:20px;margin-top:3px}
.widget-recent-news .widget-content ul .thumb-new img{width:95px;height:70px}
.widget-recent-news .widget-content ul li .thumb-new-content .thumb-new-day{font-size:12px;line-height:26px;color:#888}
.widget-recent-news .widget-content ul li .thumb-new-content h5 a{font-size:12px;font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sidebar-blog.fixed{top:auto;position: fixed !important;left: 64.75% !important;width: 315px !important;bottom: 0px;}
.widget-recent-news .widget-content ul li a:hover{color: #00b0ec;text-decoration: underline;}
.content-post img{max-width: 100%}


.floating2{position: fixed;left: 0;bottom: 0;width: 100%;z-index: 10;display: none}
.floating2 a{width: 25%;float: left;background: #26c7f9;color: #fff;text-align: center;position: relative;padding:5px 0;}
.floating2 a:before{content: '';position: absolute;right: 0;top:0;width: 1px;height: 100%;background: #fff;}
.floating2 a:last-child:before{display: none}
.floating2 a img{height: 27px;margin-bottom: 5px;}
.floating2 a p{line-height: 16px;}



/*media*/
@media screen and (max-width: 1600px){

    .w1552{width: 90%;}
    /*.PPmerit .main li{width: 23%;}*/
    .PPmerit .main li .pic:before{background-size: 80%;}
    .PPmerit .main li .pic{height: 210px;}
    .other .cjwt,.other .gywm,.other .czzn{width: 430px;}
    .cpmin-t .txt h4{font-size: 26px;}
    .sidebar-blog.fixed{left: 68.75% !important;}
    .sqbox{right: 5%}

}
@media screen and (max-width: 1440px){

    .other .cjwt, .other .gywm, .other .czzn{width: 394px;}
    /*.cpmin-b .main .item{margin: 55px 65px 100px 65px}*/
    .w1397{width: 90%;}
    .sqbox{right: 6%}

}
@media screen and (max-width: 1366px){

    .about-t .txt h4{font-size: 26px;}
    .about-c .item h4{font-size: 20px;}
    .about-c .item h4 img{zoom:.8;}
    .sqbox h4{font-size: 22px;}
    .sqbox button{font-size: 16px;height: 40px;}
    .download li h4,.skill-menu a h4{font-size: 20px;}
    .skill-list li .txt .date h3,.applyFor-t h4{font-size: 26px;}
    .post-wrap.blog-single h1,.Hhead h4{font-size: 26px;}
    .product li .pic{height: 200px;}
    .product li .txt{padding: 15px 26px 15px}
    .PPmerit .main li .pic{height: 185px;}
    .PPmerit .main li h4{font-size: 20px;}

}
@media screen and (max-width: 1280px){

    .other .cjwt, .other .gywm, .other .czzn{width: 31%;}
    .wrap{width: 90%;}
    .PPmerit .main li .pic{height: 160px;margin-bottom: 25px;}
    .skill-list li .txt{width: 60%;}
    .download li{width: 24.2%;}

}
@media screen and (max-width: 1200px){

    .applyFor-b a span{width: 115px;margin-bottom: 12px;}
    .applyFor-b a span dl{height: 115px;line-height: 115px;}
    .applyFor-b{margin-top: 30px;}
    .applyFor-b a p{font-size: 18px;}
    .applyFor-b a span img{zoom:.8;}
    .skill-list li .txt .date h3, .applyFor-t h4{font-size: 24px;}
    .applyFor{margin: 30px 0}
    .applyFor-t a{width: 130px;height: 40px;line-height: 40px;}
    .PPmerit{padding:26px 0 26px;}
    .PPmerit .main{margin-top: 22px;}
    .PPmerit .main li .pic{height: 135px;}
    .CPmerit{padding: 30px 0}
    .CPmerit .main{margin-top: 30px;}
    .CPmerit .main li a{padding:17px 17px;}
    .CPmerit .main li span{height: 72px;line-height: 72px;margin-bottom: 12px;}
    .CPmerit .main li h4{font-size: 18px;margin-bottom:5px;}
    .other,.product{margin: 30px 0}
    .other-t{margin-bottom: 12px;}
    .foot-t .L{width: 58%;}
    .foot-t .R{width: 40%;}
    .foot-t .L .name{width: 55%;}
    .foot-b{margin-top: 22px;}
    footer{padding:30px 0;}
    .onLine{padding:50px 0;}
    .onLine .padd{padding:25px 68px 34px;}
    .product li .pic{height: 160px;}
    .cpmin-t .pic{width: 50%;}
    .cpmin-t .txt{width: 45%;}
    .cpmin-sw{width: 80%;height: 288px;}
    .cpmin-b .main .item{margin: 20px;}
    .cpmin-b .main .item p{font-size: 14px;}
    .cpmin-b .menu a{font-size: 18px;line-height: 55px;margin-right: 50px;}
    .cpmin-b .main .item h4{font-size: 16px;}
    .cpmin-t .txt h4{font-size: 24px;}
    .onLine button{width: 30%;}
    .nybanner img{min-height: 230px;}
    .cpys{padding:30px 0;}
    .cpys .list li a{font-size: 16px;padding:0 16px 0 90px;}
    .cpys .list li{height: 150px;}
    .cpys .list li img{left: 28px;}
    .ppys .main{width: 90%;margin:30px auto 0;background-size: auto 80%;}
    .ppys .main li{font-size: 16px;}
    .zszc,.skill{margin: 30px 0}
    .zszc .main{margin-top: 30px;padding: 0 10%;}
    .zszc .main h4{font-size: 16px;}
    .skill-list li .txt{width: 60%;margin-right: 0}
    .skill-list li .pic{width: 35%;}
    .skill-list li .txt .date{margin-top: 0;margin-bottom: 11px;}
    .skill-list li .txt h4{font-size: 18px;}
    .skill-list li a{padding:20px;}
    .skill-list li .txt span{font-size: 16px;margin-top: 20px;padding-bottom: 4px;}
    .skill-menu a{padding:9px 0 12px;width: 30%;}
    .skill-menu a:before{bottom:-14px;}
    .skill-menu a.active:before{height: 14px;}
    .skill-menu a span{height: 40px;line-height: 40px;margin-bottom: 10px;}
    .skill-menu a span img{max-height: 100%}
    .post-wrap.blog-single{width: 100%;padding-right: 0;min-height:auto;}
    .crumbs{margin-bottom: 30px;}
    .post-wrap.blog-single h1, .Hhead h4{font-size: 24px;}
    .post-wrap.blog-single .main-single .content-post .post-content p{font-size: 14px;}
    .sidebar-blog.fixed{width: 100% !important;position: relative !important;}
    .sidebar-blog.fixed{left: 0 !important}
    .sidebar{width: 100%;margin-top: 1em;}
    .sidebar .widget-item h3{padding:10px 20px;}
    .sidebar{overflow: hidden;margin-right: -2%}
    .sidebar .widget-item{float: left;width: 47.5%;margin: 0 2% 0 0;}
    .sqbox{right: 6%}
    .sqbox h4{font-size: 20px;}
    .new-min,.download{margin: 30px 0}
    .foot-t .L .name dl strong,.download-min h3{font-size: 22px;}
    .download li{width: 24%;padding:0 3%;height: 220px;}
    .about-t .pic{width: 35%;}
    .about-t .txt{width: 60%;}
    .about-t .txt p{font-size: 14px;line-height: 24px;}
    .about-t{padding:30px 0;}
    .about-t .txt h4{font-size: 24px;margin-bottom: 5px;line-height: 30px;}
    .about-t .txt h5{margin-bottom: 5px;}
    .about-c{margin-top: 30px;}
    .about-c .item .padd{padding:31px 20px 0 20px;}
    .about-b .top{font-size: 26px;}
    .about-b{margin-top: 30px;}
    .about-b .list{margin-top: 30px;}
    .download li a{top:0;opacity: 1}
    .download li h4{margin-bottom: 6px;}
    .download li span{height: 62px;line-height: 62px;}
    .onLine h4{font-size: 24px;}

}
@media screen and (max-width: 1024px){

    header .nav{display: none}
    .top-left{display: block;top:25px;}
    header .logo{line-height: 63px;padding-top: 0px;padding-bottom: 15px;}
    header .headR{height: 30px;}
    .top-menu{padding:9% 20px 0 0;}
    .about-t .txt h4{font-size: 20px;}
    .about-c .item p{line-height: 24px;}
    .about-c .wrap{display: block;}
    .about-c .item{width: 100%;}
    .about-c .item h4{text-align: left;}
    .about-b .list li{width: 24%;}
    .foot-t .L{width: 100%;}
    .foot-t .R{width: 100%;margin-top: 1em;}
    header .headR{width: auto;margin-right: 1em;}
    .cpys .list li{width: 48%;}
    .ppys .main{background-size: auto 67%}
    .zszc .main{padding:0;}
    .w718{width: 90%;}
    .onLine .padd{padding:20px 30px;}
    .product li .txt a{width: 100%;background:#00b0ec;color:white}
    .product li{width: 46.6%;}
    .product li .pic{height: 200px;}
    .cpmin-l, .cpmin-r{width: 26px !important;height: 50px !important;font-size: 60px;line-height: 54px;}
    .applyFor-b a span{width: 90px;}
    .applyFor-b a span dl {height: 90px;line-height: 90px;}
    .skill-list li .txt .date h3, .applyFor-t h4{font-size: 20px;}
    /*.PPmerit .main ul{display: block;margin-right: -2%;overflow: hidden;}*/
    /*.PPmerit .main li{float: left;width: 48%;margin: 0 2% 2% 0;}*/
    .PPmerit .main li .pic{height: 185px;}
    .CPmerit .main li span{height: 60px;line-height: 60px;}
    .other .w1552{display: block;overflow: hidden;}
    .other .gywm{width: 100%;margin-bottom: 1em;}
    .other .cjwt,.other .czzn{width: 48%;float: left;margin-right: 2%}
    .CPmerit .main li{width: 48%;}
    .sqbox{right: 10%}


}
@media screen and (max-width: 800px){

    .download li h4, .skill-menu a h4{font-size: 18px;}
    .skill-menu{padding:0;}
    .onLine{padding:30px 0;}
    .sqbox{right: 11%}



}
@media screen and (max-width: 670px){
    header .headR{margin-right: 10%}
    .foot-t .L .link{display: none}
    .foot-t .R .ewm{width: 120px;margin-top: 1em;}
    .foot-t .R .ewm img{width: 120px;height: 120px;margin:0 auto .5em;}
    .foot-t .L .name,.foot-t .R .share{width: 100%;}
    .foot-t .R .share dl{margin: 0 0 15px}
    .foot-t .R .share h4{display: none}
    .foot-b{margin-top: 1em;}
    .foot-b .R{text-align: center;width: 100%;margin-top: 15px;}
    .foot-t .R .ewm p{font-size: 14px;}

    footer{padding: 1em 0;margin-bottom: 60px;}
    .onLine h4{font-size: 20px;}
    .onLine ul{margin-top: 1em;}
    .onLine li input{width: 84%;height: 40px;}
    .onLine li span{line-height: 40px;text-align: center;}
    .onLine li textarea{height: 73px;padding:10px 2%;}
    .onLine button{width: 45%;height: 40px;font-size: 16px;}
    .foot-t .L .name p{font-size: 14px;line-height: 24px;}
    .foot-t .L .name img{margin-bottom:10px;zoom:.8;}
    .foot-t .L .name dl{margin-top: 1em}
    .foot-t .R{margin-top: -68px}

/*    .floating{right: 0;top:auto;bottom: 0;width: 100%;}
    .floating a{float: left;width: 20%;margin: 0;border-radius: 0px;z-index: 10}
    .floating a.return{display: inline-block !important;}
    .floating a.return{background: #26c7f9}
    .floating a{position: relative;}
    .floating a:before{content: '';position: absolute;right: 0;top:0;width: 1px;height: 100%;background: #fff;}
    .floating a:nth-child(6):before{display: none}*/
    .floating{top:auto;bottom: 10%}
    .floating a{width: 35px;line-height: 35px;height: 35px;}
    .floating a img{zoom:.8;}
    .floating a.sq,.floating a.qq,.floating a.tel,.floating a.wx{display: none}

    .search-box input{width: 200px;height: 40px;}
    .search-box button{height: 40px;}
    .div-float{position: fixed;right: auto;left: 50%;z-index: 10;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); 
    }
    .div-float.div-wechat,.div-float.div-phone{top:50%;}
    .sqbox{top:50%;right: auto;left: 50%;z-index: 12;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); 
    }
    .about-t .txt{width: 100%;margin-top: 1em;}
    .about-t .pic{width: 100%;}
    .about-c .item h4{margin-bottom: 1em;}
    .about-c .item{height: auto;margin-bottom: 1em;}
    .about-b .top{font-size: 20px;}
    .about-b .top:before,.about-b .top:after{width: 30%;}
    .about-b .list{margin-top: 1em}
    .about-b .list li{width: 32.33%;height: 50px;line-height: 50px;}
    .download li{width: 41%;}
    .download li h4, .skill-menu a h4{font-size: 16px;}
    .download li span{height: 50px;line-height: 50px;}
    .download li p{font-size: 12px;line-height: 20px;height: 76px;}
    .download-min{margin: 1em 0}
    .foot-t .L .name dl strong, .download-min h3{font-size: 18px;}
    .download-min p{line-height: 24px;}
    .download-min .btn{display: block;margin: 1em 0}
    .download-min .btn .item{width: 100%;margin-bottom: 1em;}
    .download-min .btn .item a img{width: 60%;}
    .skill-list li .pic{width: 100%;}
    .skill-list li .txt{width: 100%;}
    .skill-list li .txt h4{font-size: 16px;}
    .skill-list li .txt p{font-size: 12px;}
    .skill-list li .txt span{font-size: 14px;margin-top: 15px;}
    .skill-list li{margin-bottom: 1em;}
    .skill-list li a{padding:1em;}
    .skill-list li .txt .date{display: none}
    .skill-list li .txt{margin-top: 1em;}
    .post-wrap.blog-single h1, .Hhead h4{font-size: 18px;}
    .crumbs{display: none}
    .post-wrap.blog-single .main-single .content-post .post-content p{line-height: 24px;}
    .post-navigation .post-navigation-right{width: 100%;text-align: left;padding: 0;margin-top: 15px;}
    .post-navigation-left{width: 100%;padding: 0}
    .sidebar .widget-item{width: 99%;margin: 0 0 1em 0}
    .sidebar{margin-right: 0}
    .skill-menu a{width: 33.33%;padding:5px 0;}
    .skill-menu a p{display: none}
    .skill-menu a h4{font-size: 14px;}
    .skill-menu a span{height: 34px;line-height: 34px;margin-bottom: 5px;}
    .skill-menu a:before{display: none}
    .skill-list{margin-top: 1em;}
    .skill-list ul{margin-bottom: 1em;}
    .cpys .list ul{margin-right: 0}
    .cpys .list li{width: 100%;margin: 0 0 1em 0}
    .cpys .list li{height: 100px;}
    .cpys .list li a{font-size: 14px;line-height: 26px;}
    .ppys .main{display: block;background: none}
    .ppys .main ul{width: 100%;}
    .ppys .main li{font-size: 14px;height: auto;padding-bottom: 10px;margin-bottom: 1em;border-bottom:1px #7ecef4 solid;}
    .ppys .main ul.L li:nth-child(2){right: 0}
    .ppys .main ul.R li:nth-child(2){left: 0}
    .ppys .main ul.L{text-align: left}
    .ppys .main li b{display: inline-block;}
    .ppys .main{height: auto;}
    .ppys{padding:1.5em 0;}
    .onLine .padd{padding:1em;}
    .top-menu{padding:18% 20px 0 0;}
    .product ul{margin-right:-2%;margin-bottom: 1em;}
    .product li{width: 47.3%;margin: 0 2% 2% 0;}
    .product li .txt{padding:1em;}
    .product li .txt a{display: block;}
    .product li .pic{height: 115px;}
    .cpmin-t .pic{width: 100%;}
    .cpmin-sw{height: 225px;}
    .cpmin-t .txt{width: 100%;margin-top: 1em;}
    .cpmin-t .txt h4{font-size: 20px;font-weight: 600;margin-bottom: 1em;}
    .cpmin-t .txt p{font-size: 14px;margin-bottom: 5px;}
    .cpmin-t{padding:1em 0;}
    .cpmin-b .menu a{font-size: 16px;line-height: 45px;margin-right: 1em;}
    .cpmin-b .main .item{margin: 1em 0}
    .cpmin-l, .cpmin-r{font-size: 40px;}
    .banner-pag{bottom: 10px !important}
    .PPmerit .main li .pic{height: 225px;margin-bottom: 1em;}
    .PPmerit .main li h4{font-size: 16px;margin-bottom: 5px;}
    .PPmerit .main li p{font-size: 12px;}
    .applyFor-b a span{width: 55px;margin-bottom: 5px;}
    .applyFor-b a span dl{height: 55px;line-height: 55px;}
    .applyFor-b a span img{max-width: 70%;max-height: 70%;}
    .applyFor-b a span:before{right: -6px;}
    .applyFor-b a p{font-size: 14px;}
    .applyFor-b{margin-top: 1em;}
    .skill-list li .txt .date h3, .applyFor-t h4{font-size: 16px;}
    .applyFor-t p{font-size: 14px;text-align: justify;}
    .applyFor-t a{width: 86px;font-size: 14px;height: 30px;line-height: 30px;}
    .applyFor-t{padding-bottom: 1em;padding-right: 30%}
    .applyFor{margin: 1em 0}
    .CPmerit .main li h4{font-size: 16px;}
    .CPmerit .main li{width: 100%;margin: 0 0 1em 0;text-align: left;position: relative;}
    .CPmerit .main li span{display: inline-block;position: absolute;left: 1em;top:1em;}
    .CPmerit .main li p{height: auto;font-size: 12px;line-height: 20px;}
    .CPmerit .main li{box-shadow: 0px 0px 10px 5px rgba(235,245,253,.8)}
    .CPmerit .main li a{padding:1em 3% 1em 20%;}
    .CPmerit .main li span img{zoom:.7;}
    .CPmerit .main,.PPmerit .main,.cpys .list{margin-top: 1em;}
    .CPmerit{padding:1em 0;}
    .other, .product{margin: 1em 0;}
    .other .cjwt, .other .czzn{margin-right: 0;width: 100%;margin-bottom: 1em;}
    .other .czzn .main li,.other .cjwt .main li{border-bottom: 1px #d2d0d0 solid;}
    .other .czzn .main li:last-child,.other .cjwt .main li:last-child{border-bottom: none}
    .banner li img{min-height: 240px;}
    .banner .swiper-pagination-bullet, .banner2 .swiper-pagination-bullet{width: 8px !important;height: 8px !important;}
    .banner .swiper-pagination-bullet-active, .banner2 .swiper-pagination-bullet-active{width: 15px !important;}
    .floating .bg{position: fixed;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 5;display: none}
    .cpys{padding:1em 0;}
    .ppys .main{margin: 1em auto 0;width: 100%;}
    .product li .txt{padding:.5em;}
    .product li .txt h4{font-size: 14px;margin-bottom: 0}
    .product li .txt p{height: auto;display: none}
    .cpmin-l, .cpmin-r{color:#b7b4b4;font-family: monospace;}
    .nybanner img{min-height: 200px;}
    .download-min .btn .item h6{font-size: 16px;}
    header .logo img{zoom:.8;}
    .sqbox li span{line-height: 40px;}
    .sqbox li input{height: 40px;}
    .sqbox ul{margin-top: 8px;}
    .PPmerit-pag{display: block;bottom: 0px !important}
    .PPmerit-sw{padding-bottom: 2em !important;}
    .floating2{display: block;}
    .floating2 a p{font-size: 12px;}
    .floating a p{display: none}
    .foot-t .R .share dl{display: none}
    .foot-t .R .share select{display: none}
    .foot-t .R .share select.link2{display: block;}
    .foot-t .L .name dl{padding-left: 0;background: none;width: 50%;}
    .foot-t .L .name dl strong{display: block;}
    .nybanner img{min-height: 110px;}


}
.tc_xkz{
	position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    left: 0;
    top: 0;
    display: none;
}
.tc_xkz .bg{
	display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
}
.tc_xkz .con{
	    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 5;
}
.tc_xkz .con .close{
	position: absolute;
    font-family: "xfont";
    color: #fff;
    font-size: 30px;
    right: 0;
    top: -50px;
	
}
.tc_xkz .con img{
	.tc_xkz .con img
}
.poszs{margin-bottom:-65px;margin-top: 50px;}
@media screen and (max-width:750px){
	.xkz{display:none}
	
}
@media screen and (max-width:370px){
	
	 .search-box input{width: 150px;height: 40px;}
}
@media screen and (min-width:768px){
.banner-sw{display:block}
.banner-sw1{display:none}
}
@media screen and (max-width:768px){
.banner-sw{display:none}
.banner-sw1{display:block}
.qgby{font-size:20px}
.poszs{margin-bottom:-0;margin-top: 25px;}
}
.gzwm a img{
padding-top: 10px;
}